<template>
  <div class="app-center" :class="$isMobile ? '' : 'pc-center'">
    <div class="router-content">
      <!-- <router-view></router-view>
       -->
      <router-view v-slot="{ Component }">
        <keep-alive :include="['Home']">
          <component :is="Component" />
        </keep-alive>
      </router-view>
    </div>
  </div>
</template>

<script setup></script>

<style lang="less">
.app-center {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .router-content {
    width: 100%;
    height: 100%;
  }
  &.pc-center {
    padding: 10px 15px;
    .router-content {
      // background-color: #fff;
      padding: 10px;
      border-radius: 5px;
    }
  }
}
</style>
